Закажите сайт по телефону 8-800-5555-864

Создание сайта Aveda Demo: высокая мода с аюрведической идеологией

Заказчик: концепт салон Aveda Demo
Разработчик: Red Collar
Редакция: UMI.CMS Corporate + модуль «Каталог»
Сайт: demo-salon.ru

О проекте

Салон красоты Demo сотрудничает с известным мировым аюрведическим брендом Aveda и разделяет его видение мира. Компании требовался сайт, который бы выделял ее среди аналогичных бизнесов, отражал ценности и высокий стиль салона. В нем должны были объединиться 2 каталога: косметика и услуги. Для решения этой задачи салон обратился в digital-агентство Red Collar.

Разработка сайта Demo Aveda

Решение

Demo Aveda использует передовые технологии и одновременно следует природным традициям аюрведы. Услуги салона не просто помогают телу выглядеть красивее, но и достичь гармонии тела и разума. Продукция же создается из натуральных компонентов. Специалисты компании придерживаются индивидуального подхода к клиентам: выделяют главное в личности и помогают этому лучшие раскрыться в образе. Благодаря этому мастера выигрывают на международных Fashion-конкурсах. Столь высокий уровень подготовки, любовь к своему делу и знание стиля высокой моды ― те составляющие, которые команда агентства решила отразить в дизайне сайта.

Разработка сайта Demo Aveda

Выбор платформы: надеждость и скорость

Для любого сайта важна надежность и скорость работы. Это входит в перечень тех базовых вещей, которые отличают качественный сайт от некачественного. И когда продумывается структура, уже на этом этапе выбирается платформа, на которой будет строиться проект.

«

Основой для сайта мы выбрали редакцию для создания корпоративного сайта UMI.CMS Corporate с дополнительным модулем «Каталог», так как салону необходима красивая и качественная онлайн-витрина продукции Aveda. Платформа UMI позволяет сконструировать каталог так, чтобы он работал без перезагрузки, а значит быстро и удобно.

Административный интерфейс позволяет удобно создавать поля для редактирования страницы, поэтому мы сделали редактируемым контент всех разделов сайта. Впоследствии это позволит владельцу сайта самому менять наполнение везде, что важно в постоянно растущем бизнесе. Обновляются услуги, товары, делаются фотосессии, и важно, чтобы сайт содержал актуальную информацию о жизни салона».

»

Дмитрий Ефименко,

back-end разработчик
digital-агентства Red Collar
Дмитрий Ефименко, back-end разработчик

Дизайн: элегантность, эстетика и глубокие природные мотивы

Цвет
Строгие черные и белые цвета, дополненные пастельно-бежевым оттенком. Это сочетание ассоциируется с лаконичностью подиума, на котором, как живые модели, расположились работы стилистов, флаконы с косметикой и растительные композиции.

Расположение элементов
Чтобы подчеркнуть креативный подход специалистов к своей работе, дизайнеры расположили контент по нетрадиционной ассиметричной сетке.

Главную страницу оставили максимально чистой и лаконичной, чтобы обилие текста не грузило восприятие пользователя, не препятствовало легкому ориентированию на сайте. Все подробности разместили на отдельных страницах каждой услуги.

Разработка сайта Demo Aveda

Динамика сайта
Важно, чтобы детали навигации были грамотно анимированы. Каждый отклик, каждое плавное движение элемента помогает человеку погрузиться в пространство, делает поиск желаемого комфортным и легким. К примеру, когда наводишь на фотографию раздела, изображение смещается и появляется стрелка, показывающая, что при нажатии ты попадешь в нужный раздел. Направление стрелок тоже играет значительную роль. Информация воспринимается слева направо, поэтому стоит перевернуть направляющие, и у пользователя появится чувство дискомфорта, и на сайте станет неприятно находиться. 

Пользователь понимает, что кнопка меню активна, когда она реагирует на наведение курсора: появляется линия, зачеркивающая текст. У нее приятные иллюзорно-физические свойства, легкое замедление в начале, кажется, что она действительно имеет вес и на неё действует сила нажатия.

Разработка сайта Demo Aveda

Образ салона + каталог косметики + раздел услуг

Одна из задач — совместить верный имидж компании, показать услуги салона Demo и косметику Aveda. Любая информация на сайте должна быть понятно и удобно расположена, блоки должны иметь логичную последовательность. Удобство посетителя стоит на первом месте при создании любого проекта.

Разработка сайта Demo Aveda


Услуги и продукты разделены для мужской и женской аудитории. Такое разделение — акцент на активной работе с обоими полами и удобное сегментирование для продвижения.

Разработка сайта Demo Aveda

Сделали отдельный раздел для косметики Aveda и отразили неразрывную связь с салоном Demo. О холистическом подходе к красоте людей, балансе технологий, традиций и природы. В карточке продукта автоматически подбираются подходящая косметика и аксессуары, которые могут заинтересовать посетителя. На боковой панели предусмотрели кнопку возврата в каталог продукции.

Разработка сайта Demo Aveda

Что в итоге

Для сайта из сферы красоты важна атмосфера места, его принципы и отношение к клиентам. Сделать хороший сайт значит суметь передать царящую атмосферу заботы и бережного подхода к каждому гостю, элегантность пространства и природные аюрведические мотивы. Тут важно не удариться в пошлости со стандартными образами ярких пустых моделей и кричащими пестрыми текстами, с чем прекрасно справилось digital-агентство Red Collar.

Сайт концепт салона Aveda Demo взял серебро на Рейтинге Рунета 2017 в номинации «Красота и здоровье».

Разработанный сайт получил 2 место в конкурсе "Рейтинг Рунета"
«

Нам было вдвойне интересно создавать этот проект: это был наш первый опыт работы с бизнесом из индустрии красоты. Бывало, что мы долго искали единое видение решения с клиентом, но всегда старались грамотно совместить желания заказчика и свои идеи, и у нас это получалось. Благодаря стремлению обеих сторон с лучшему результату, сайт соответствует последним трендам дизайна, качественно выделяет компанию из ряда конкурентов, лучшим образом отражает дух бренда и на нем комфортно и эстетически приятно находиться», — говорит Денис Ломов, арт-директор digital-агентства Red Collar.

»

Денис Ломов,

арт-директор
digital-агентства Red Collar
Денис Ломов, арт-директор digital-агентства Red Collar